<template>
	<div class="login-register1">
		<button class="btn1">登录</button>
			<button class="btn2">会员注册</button>
			<p>----------用合作网站登录----------</p>
			<a href="微信"></a>
			<a href="qq"></a>
	</div>
</template>

<script type="text/javascript">
	  //登录
$(".btn1").click(function(){
	if($(".iponeerror").hasClass("icon1")&&$(".worderror").hasClass("icon1")&&$(".codeerror").hasClass("icon1")){
		alert("正确");
	}else{
		alert("输入不合法")
	}
	})
	//注册
	$(".btn2").click(function(){
	if($(".iponeerror").hasClass("icon1")&&$(".worderror").hasClass("icon1")&&$(".codeerror").hasClass("icon1")&&$(".sureerror").hasClass("icon1")&&$(".importerror").hasClass("icon1")){
		alert("正确");
	}else{
		alert("输入不合法")
	}
	})
</script>

<style scoped>
.login-register1>button{
	cursor: pointer;
    width: 120px;
    padding: 10px 0;
    color: white;
    font-size: 16px;
    border-radius: 10%;
    margin: 25px 20px;
	}
	.login-register1>button:nth-of-type(1){
		background-color: #FE6E00;
	}
	.login-register1>button:nth-of-type(2){
		background-color: #018DE2;
	}
	.login-register1>p{
		font-size: 16px;
		color: #666;		
	}
	.login-register1>a:nth-of-type(1){		
		background: url(../assets/img/weixin.png)  50% 50% no-repeat;		
		background-size: 50px 50px;
	}
	.login-register1>a:nth-of-type(2){		
		background: url(../assets/img/QQ.png) 100% 100% no-repeat;		
		background-size: 50px 50px;
	}
	.login-register1>a{
		display: inline-block;
		width: 50px;
		height: 50px;
		margin: 30px 50px;
	}
	.icon1{
		width:15px;
		height: 15px;
		background: url(../assets/img/duihao.png) 100% 100% no-repeat;
		background-size: 100% 100%;
		clear: both;
	}
</style>